import {get,add,updateOne,delOne} from "../../utils/db.js"
Page({
	data:{
		list:[]	,		//分类列表
		name:"",		//菜谱名称
		id:"",			//修改的id
		tagAdd:false,	//添加输入框的显示和隐藏 false 隐藏  true 显示
		tagUpdate:false,	//修改框的显示和隐藏 false 隐藏  true 显示
	},
	
	async onLoad(){
		//读取分类列表
		var result =await get("class")
		this.setData({
			list:result.data
		})
	},
	//显示添加输入框
	showInput(){
		// this.data.tagAdd=true;
		this.setData({
			tagAdd:true
		})
	},
	showUpdate(e){
		var id=e.currentTarget.id;
		var name=e.currentTarget.dataset.name;
		this.data.id=id;
		this.setData({
			tagUpdate:true,
			name
		})
	},
	//输入菜谱分类名称
	myInput(e){
		// console.log(e)
		var name=e.detail.value;	//菜谱分类名称
		this.data.name=name;
	},
	//执行添加
	async doAdd(){
		// 1.添加数据库
		var result =await add("class",{name:this.data.name}).catch(err=>console.log(err))
		
		// 2.输入框隐藏
		// 3.新添加的数据在页面显示
		var result =await get("class")
		this.setData({
			list:result.data,
			tagAdd:false
		})
		
	},
	//执行修改
	async doUpdate(){
		// 1.修改数据库
		updateOne("class",this.data.id,{name:this.data.name})
		.catch(err=>console.log(err))
		// 2.隐藏输入框
		// 3.修改页面数据
		var result =await get("class")
		this.setData({
			list:result.data,
			tagUpdate:false
		})
	},
	//删除弹窗确认
	showConfirm(e){
		var id=e.currentTarget.id;
		wx.showModal({
			title:"温馨提示",
			content:"您确定要删除吗？",
			success:async res=>{
				if(res.confirm){
					var result = await delOne("class",id).catch(err=>console.log(err))
					var result =await get("class")
					this.setData({
						list:result.data
					})
				}
			}
		})
	}
})